<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width:200px;
				height:210px;
				background: red;
			}
		</style>
		<script>
			window.onload = function(){
				var oDiv = document.getElementById("div1");
				var pd = oDiv.style.padding;
				var width = oDiv.style.width;
//				16,17行代码可知,对象.style.属性这种方式,只能获取元素的行内样式,不能获取嵌入式及引入式css中的样式。
				console.log(pd);
				console.log(width)
//				IE工程师的招: 对象.currentStyle[属性]的方式去获取元素的样式属性.
//				谷歌和火狐工程师: getComputedStyle(对象,null)[属性]的方式去获取元素的样式属性.
//				综合以上:我们欣喜的发现,在火狐和谷歌下,对象.currentStyle的值是undefined.转化成布尔类型是fasle.在iE下对应的是一个对象,转化为布尔是true.因此我们可以用它在作为一个判断的条件,用来区分true时候应该用    对象.currentStyle[属性].获取.false的时候 用getComputedStyle(对象,null)[属性]获取
				
				function getCss(obj,attr){
					if(obj.currentStyle){
						return obj.currentStyle[attr];
					}else{
						return getComputedStyle(obj,null)[attr];
					}
				}
			}
		</script>
	</head>
	<body>
		<div id="div1" style="padding:10px;margin:12px;"></div>
	</body>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
</html>
